<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>课程管理系统</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/style.css}"/>
</head>
<body>
<div id="header">

    <div id="productName">


        课程管理系统
        <img id="headpic" width="30" height="30" th:src="@{/pics/sbl.png}"/>
    </div>


    <div style="float:right; margin:30px;">
        操作员:[[${user.name}]]&nbsp;
        <a th:href="@{/user/login}" title="点击离开系统" id="logout"><img id="lopics" width="30" height="30"
                                                                    th:src="@{/pics/logout.jpg}"/><span
                style="cursor: pointer" class="linkspan">退出</span></a>
    </div>
</div>
<div>
    <div id="navigator">
        <div class="menuitem">
            <a th:href="@{/CourseType/input_course_type}" target="contentFrame">新增课程类型</a>
        </div>
        <div class="menuitem">
            <a th:href="@{/CourseType/list_course_type}" target="contentFrame">课程类型管理</a>
        </div>
        <div class="seperator"></div>
        <div class="menuitem">
            <a th:href="@{/course/input_course}" target="contentFrame">开课登记</a>
        </div>
        <div class="menuitem">
            <a th:href="@{/course/list_course}" target="contentFrame">课程管理</a>
        </div>
    </div>
    <div id="content">
        <iframe id="contentFrame" width="100%" scrolling="no" height="480px" frameborder="0" name="contentFrame"
                allowtransparency="true" th:src="@{/welcome.html}">
        </iframe>
    </div>
</div>
<!--<button onclick="location.reload();">刷新1</button>-->
<div id="footer">
    <div th:include="footer :: copy"></div>
    <div th:include="footer :: time"></div>
</div>


<script type="text/javascript" th:src="@{/js/jquery-3.1.1.min.js}"></script>
<script th:inline="javascript">

    $("#logout").click(function () {

        if (confirm('您真的要离开系统吗？')) {
            $(location).attr("href", this.href());
        }
        return false;
    });


</script>
</body>
</html>